<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品详情</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/pro_details.css">
</head>
<body>
<div class="top">
    <div class="container clearfix">
        <p class="left">您好，欢迎来到达墨商城！&nbsp;请先<a href="login.html">【登录】</a>或<a href="register.html">【注册】</a></p>
        <ul class="right">
            <li><a href="user.html">个人中心</a></li>
            <li><a href="order.html">我的订单</a></li>
            <li><a href="">客服中心</a></li>
            <li><a href="shop_list.html">网站导航▼</a></li>
            <li><a class="app" href="">下载手机APP&gt;</a></li>
        </ul>
    </div>
</div>
<div class="header container clearfix">
    <a class="logo" href="index.html">
        <img src="images/logo.png" alt="">
    </a>
    <div class="search clearfix">
        <div><input type="text" placeholder="请输入要搜索的商品...."><button>搜索商品</button></div>
        <div class="bar"><span>热门搜索：</span><a href="shop_list.html">高清行车记录器</a><a href="shop_list.html">迷你行车记录器</a><a href="shop_list.html">夜视行车记录器</a></div>
    </div>
    <a class="trolley" href="shop_cart.html">我的购物车</a>
</div>
<div class="nav container clearfix">
    <div class="sort clearfix">
        <span class="pro_icon">所有商品分类</span>
        <i class="iconfont icon-gengduo"></i>
        <ul class="nav-list">
            <li><a class="clearfix" href="shop_list.html"><p>高清行车记录器</p><span>130万像素</span><span>200万像素</span><span>500万像素</span></a></li>
            <li><a class="clearfix" href="shop_list.html"><p>迷你行车记录器</p><span>200万像素</span><span>500万像素</span></a></li>
            <li><a class="clearfix" href="shop_list.html"><p>夜视行车记录器</p><span>130万像素</span><span>200万像素</span><span>500万像素</span></a></li>
            <li><a class="clearfix" href="shop_list.html"><p>广角行车记录器</p><span>130万像素</span><span>200万像素</span><span>500万像素</span></a></li>
            <li><a class="clearfix" href="shop_list.html"><p>双镜头行车记录器</p><span>500万像素</span></a></li>
            <li><a class="clearfix" href="shop_list.html"><p>眼镜式多功能行车记录器</p><span>500万像素</span></a></li>
        </ul>
    </div>
    <ul class="menu">
        <li><a href="index.html">首页</a></li>
        <li><a href="">限时抢购</a></li>
        <li><a href="">每日特价</a></li>
        <li><a href="">每周团购</a></li>
        <li><a href="">在线咨询</a></li>
    </ul>
    <p>
        咨询热线：<span>400-6501316</span>
    </p>
</div>
<div class="content container">
    <div class="bread-crumb clearfix">
        <a href="index.html">首页</a><span class="gt">&gt;</span><a href="">高清行车记录器</a><span class="gt">&gt;</span>
        <a href="">凌度（BLACKVIEW）</a><span class="gt">&gt;</span><a href="">凌度智能行车记录仪</a>
    </div>
    <div class="buy clearfix">
        <div class="buy-left">
            <div class="big">
                <img src="images/8dg9rtfuccxau50xicu7fwrtawtg9f.jpg">
                <div class="magnifier"></div>
            </div>
            <ul>
                <li><img src="images/left.png" alt="" id="first"></li>
                <li class="center">
                    <ol>
                        <li><img src="images/8dg9rtfuccxau50xicu7fwrtawtg9f.jpg" alt=""></li>
                        <li><img src="images/8dg9rtfuccxau50xicu7fwrtawtg9f.jpg" alt=""></li>
                        <li><img src="images/8dg9rtfuccxau50xicu7fwrtawtg9f.jpg" alt=""></li>
                        <li><img src="images/8dg9rtfuccxau50xicu7fwrtawtg9f.jpg" alt=""></li>
                        <li><img src="images/8dg9rtfuccxau50xicu7fwrtawtg9f.jpg" alt=""></li>
                        <li><img src="images/luerktrvmhkxr5t0jlk95t1frsslsc.jpg" alt=""></li>
                        <li><img src="images/luerktrvmhkxr5t0jlk95t1frsslsc.jpg" alt=""></li>
                        <li><img src="images/luerktrvmhkxr5t0jlk95t1frsslsc.jpg" alt=""></li>
                        <li><img src="images/luerktrvmhkxr5t0jlk95t1frsslsc.jpg" alt=""></li>
                        <li><img src="images/luerktrvmhkxr5t0jlk95t1frsslsc.jpg" alt=""></li>
                        <li><img src="images/8dg9rtfuccxau50xicu7fwrtawtg9f.jpg" alt=""></li>
                        <li><img src="images/8dg9rtfuccxau50xicu7fwrtawtg9f.jpg" alt=""></li>
                        <li><img src="images/8dg9rtfuccxau50xicu7fwrtawtg9f.jpg" alt=""></li>
                        <li><img src="images/8dg9rtfuccxau50xicu7fwrtawtg9f.jpg" alt=""></li>
                        <li><img src="images/8dg9rtfuccxau50xicu7fwrtawtg9f.jpg" alt=""></li>
                    </ol>
                </li>
                <li><img src="images/right.png" alt="" id="last"></li>
            </ul>
            <div class="super-big">
                <img src="images/8dg9rtfuccxau50xicu7fwrtawtg9f.jpg" alt="">
            </div>
        </div>
        <div class="buy-right">
            <h3 id="name">凌度智能行车记录仪双镜头</h3>
            <p> 高清夜视车载倒车影像一体机导航仪带电子狗后视云镜 7.0英寸标准版+前后双镜双录+16G内存</p>
            <div class="price">
                <div class="clearfix"><span class="title">价格</span><h4>￥<b id="price">309.00</b></h4></div>
                <div class="clearfix"><span class="title">促销</span><span class="unique">满送</span><span>满200元赠送热销小礼品</span><span>赠完为止</span></div>
                <div class="clearfix"><span class="title">服务</span><div class="br clearfix"><span>7天无理由退货</span><span>15天换货承诺</span><span>满500元全场包邮</span><span>国内部分地区无法配送</span><span>24小时内发货</span></div></div>
            </div>
            <div class="wrap clearfix"><span class="title">送至</span><select name="" id=""><option value="">昆明市官渡区建设路</option></select><span>有货</span><span>支持</span><a
                    href="">免运费</a></div>
            <div class="wrap clearfix">
                <span class="title version-title">尺码</span>
                <a href="" class="version"><img src="images/4ynrandcmkeu0b4gducv6x6jmwr50i.jpg" alt="">4.3寸标准版</a>
                <a href="" class="version"><img src="images/4ynrandcmkeu0b4gducv6x6jmwr50i.jpg" alt="">7寸大屏高清版</a>
                <a href="" class="version"><img src="images/4ynrandcmkeu0b4gducv6x6jmwr50i.jpg" alt="">8寸大屏豪华版</a>
            </div>
            <div class="wrap clearfix"><span class="title">库存</span><span class="red">2000件</span></div>
            <div class="wrap control clearfix"><input type="text" value="1" id="quantity"><span class="plus">+</span><span class="less">-</span></div>
            <button type="button" class="buy-btn">立即购买</button><button type="button" class="join-btn" id="add-cart">加入购物车</button>
        </div>
    </div>
    <div class="relation clearfix">
        <h3 class="title">关联商品</h3>
        <a href="javascript:void(0)" class="left">&lt;</a>
        <div class="surround">
            <ul class="product-list clearfix">
                <li>
                    <a href="pro_details.html">
                    <img class="bg" src="images/e26xgx71e8ptesgm1u11p0ui72vqe3.png" alt="">
                    <div class="wrap clear-border-right">
                        <p class="p-first"><b>7英寸</b>智能声控<b>高清</b>行车记录器&nbsp;1080P</p>
                        <span>￥309</span>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                    <img class="bg" src="images/e26xgx71e8ptesgm1u11p0ui72vqe3.png" alt="">
                    <div class="wrap clear-border-right">
                        <p class="p-first"><b>7英寸</b>智能声控<b>高清</b>行车记录器&nbsp;1080P</p>
                        <span>￥309</span>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                    <img class="bg" src="images/e26xgx71e8ptesgm1u11p0ui72vqe3.png" alt="">
                    <div class="wrap clear-border-right">
                        <p class="p-first"><b>7英寸</b>智能声控<b>高清</b>行车记录器&nbsp;1080P</p>
                        <span>￥309</span>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                    <img class="bg" src="images/e26xgx71e8ptesgm1u11p0ui72vqe3.png" alt="">
                    <div class="wrap clear-border-right">
                        <p class="p-first"><b>7英寸</b>智能声控<b>高清</b>行车记录器&nbsp;1080P</p>
                        <span>￥309</span>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                    <img class="bg" src="images/e26xgx71e8ptesgm1u11p0ui72vqe3.png" alt="">
                    <div class="wrap clear-border-right">
                        <p class="p-first"><b>7英寸</b>智能声控<b>高清</b>行车记录器&nbsp;1080P</p>
                        <span>￥309</span>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                    <img class="bg" src="images/e26xgx71e8ptesgm1u11p0ui72vqe3.png" alt="">
                    <div class="wrap clear-border-right">
                        <p class="p-first"><b>7英寸</b>智能声控<b>高清</b>行车记录器&nbsp;1080P</p>
                        <span>￥309</span>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                    <img class="bg" src="images/e26xgx71e8ptesgm1u11p0ui72vqe3.png" alt="">
                    <div class="wrap clear-border-right">
                        <p class="p-first"><b>7英寸</b>智能声控<b>高清</b>行车记录器&nbsp;1080P</p>
                        <span>￥309</span>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                    <img class="bg" src="images/e26xgx71e8ptesgm1u11p0ui72vqe3.png" alt="">
                    <div class="wrap clear-border-right">
                        <p class="p-first"><b>7英寸</b>智能声控<b>高清</b>行车记录器&nbsp;1080P</p>
                        <span>￥309</span>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                    <img class="bg" src="images/e26xgx71e8ptesgm1u11p0ui72vqe3.png" alt="">
                    <div class="wrap clear-border-right">
                        <p class="p-first"><b>7英寸</b>智能声控<b>高清</b>行车记录器&nbsp;1080P</p>
                        <span>￥309</span>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                    <img class="bg" src="images/e26xgx71e8ptesgm1u11p0ui72vqe3.png" alt="">
                    <div class="wrap clear-border-right">
                        <p class="p-first"><b>7英寸</b>智能声控<b>高清</b>行车记录器&nbsp;1080P</p>
                        <span>￥309</span>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                    <img class="bg" src="images/e26xgx71e8ptesgm1u11p0ui72vqe3.png" alt="">
                    <div class="wrap clear-border-right">
                        <p class="p-first"><b>7英寸</b>智能声控<b>高清</b>行车记录器&nbsp;1080P</p>
                        <span>￥309</span>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                    <img class="bg" src="images/e26xgx71e8ptesgm1u11p0ui72vqe3.png" alt="">
                    <div class="wrap clear-border-right">
                        <p class="p-first"><b>7英寸</b>智能声控<b>高清</b>行车记录器&nbsp;1080P</p>
                        <span>￥309</span>
                    </div>
                    </a>
                </li>
            </ul>
        </div>
        <a href="javascript:void(0)" class="right">&gt;</a>
    </div>
    <div class="details clearfix">
        <div class="left-list">
            <h3>热销商品</h3>
            <ul class="product-list clearfix">
                <li>
                    <a href="pro_details.html">
                    <img class="bg" src="images/e26xgx71e8ptesgm1u11p0ui72vqe3.png" alt="">
                    <div class="wrap clear-border-right">
                        <p class="p-first"><b>7英寸</b>智能声控<b>高清</b>行车记录器&nbsp;1080P</p>
                        <span>￥309</span>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                    <img class="bg" src="images/e26xgx71e8ptesgm1u11p0ui72vqe3.png" alt="">
                    <div class="wrap clear-border-right">
                        <p class="p-first"><b>7英寸</b>智能声控<b>高清</b>行车记录器&nbsp;1080P</p>
                        <span>￥309</span>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                    <img class="bg" src="images/e26xgx71e8ptesgm1u11p0ui72vqe3.png" alt="">
                    <div class="wrap clear-border-right">
                        <p class="p-first"><b>7英寸</b>智能声控<b>高清</b>行车记录器&nbsp;1080P</p>
                        <span>￥309</span>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="pro_details.html">
                    <img class="bg" src="images/e26xgx71e8ptesgm1u11p0ui72vqe3.png" alt="">
                    <div class="wrap clear-border-right">
                        <p class="p-first"><b>7英寸</b>智能声控<b>高清</b>行车记录器&nbsp;1080P</p>
                        <span>￥309</span>
                    </div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="right-panel">
            <div class="title">
                <a href="" class="on">商品详情</a><a href="comments_details.html">用户评价</a><a href="">详细参数</a>
            </div>
            <p class="brand">品牌：<a href="">凌度</a></p>
            <ul class="clearfix">
                <li>商品名称：凌度行车记录仪</li>
                <li>商品编号：1027530649</li>
                <li>店铺：<a href="">博弘汽车用品店</a></li>
                <li>店铺：博弘汽车用品店</li>
                <li>拍摄角度：120°-149°</li>
                <li>操作方式：按键式</li>
                <li>屏幕尺寸：7寸</li>
                <li>屏幕尺寸：7寸</li>
                <li>功能：停车、行车监控</li>
                <li>款式：后视镜式</li>
                <li>安装方式：通用式双镜头</li>
                <li>安装方式：通用式双镜头</li>
            </ul>
            <img src="images/vqjkxybfuchdj7cibpp8nuvysn407r.png" alt="">
        </div>
    </div>
</div>
<ul class="promises container">
    <li><i class="shield"></i><span>7</span><div><p class="unique">天</p><p>退货保障</p></div></li>
    <li><i class="people"></i><span>15</span><div><p class="unique">天</p><p>换货承诺</p></div></li>
    <li><i class="car"></i><span>500</span><div><p class="unique">元起</p><p>全场包邮</p></div></li>
    <li><i class="wrench"></i><span>420</span><div><p class="unique">余家</p><p>售后服务站点</p></div></li>
</ul>
<div class="footer">
    <div class="container clearfix">
        <div class="service clearfix">
            <ul>
                <li>帮助中心</li>
                <li><a href="">购物指南</a></li>
                <li><a href="">新用户注册</a></li>
                <li><a href="">换货流程</a></li>
                <li><a href="">联系客服</a></li>
            </ul>
            <ul>
                <li>支付中心</li>
                <li><a href="">在线支付</a></li>
                <li><a href="">货到付款</a></li>
                <li><a href="">分期付款</a></li>
                <li><a href="">公司转账</a></li>
            </ul>
            <ul>
                <li>售后服务</li>
                <li><a href="">售后政策</a></li>
                <li><a href="">价格保护</a></li>
                <li><a href="">退款说明</a></li>
                <li><a href="">取消订单</a></li>
            </ul>
            <ul class="unique">
                <li>常见问题</li>
                <li><a href="">订单无法确认？</a></li>
                <li><a href="">支付失败</a></li>
                <li><a href="">订单错误</a></li>
            </ul>
        </div>
        <div class="QRcode">
            <img src="images/QRcode.jpg" alt="">
            <p>达墨商城官方微信</p>
        </div>
        <p class="copy">&copy;COPYRIGHT&nbsp;&nbsp;达墨商城版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经营许可证：JY1223563467431</p>
    </div>
</div>
<script type="text/javascript" src="lib/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="lib/storages-1.2.3.js"></script>
<script type="text/javascript" src="js/_public.js"></script>
<script type="text/javascript" src="js/pro_details.js"></script>
</body>
</html>